<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用戶註冊頁|詢价.com</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/reg.css"/>
<jsp:include page="/scripts.jsp"></jsp:include>
</head>
<body>
<div class="layout">
	<div class="reg_t">
		<div class="logo">
			<a href="#"><img src="<%=request.getContextPath() %>/images/ad_logo.gif" alt="詢價.com註冊頁面logo" /></a></div>
			<span>若有任何問題，請聯繫客服（02）2197-6403 </span>
	    </div>

	<div class="reg_c">
		<div class="steps_01"></div>
		<div class="bot_line"></div>
		<div class="steps_title">
		<div class="setps_l"></div>
		<div class="setps_r"></div>
		</div>
		<form action="<%=request.getContextPath()%>/registion/userDetail.do" enctype="application/x-www-form-urlencoded" id="registionForm" name="registionForm" method="post">
			<div class="forms">
				<div class="r_t_bg"><div class="r_t_l"></div><div class="r_t_r"></div></div>
					<div class="formside">
					<dl>
					<dt>姓氏<b>*</b>：</dt>
					<dd><input type="text" id="firstname" name="firstname" value="<s:property value='firstname'/>"/><s:fielderror cssClass="error_msg" fieldName="firstname" /></dd>
					<dt>名字<b>*</b>：</dt>
					<dd><input type="text" id="lastname" name="lastname" value="<s:property value='lastname'/>"/><s:fielderror cssClass="error_msg" fieldName="lastname" /></dd>
					<dt>電話<b>*</b>：</dt>
					<dd><input type="text" id="phone" name="phone" value="<s:property value='phone'/>" onfocus="XunJiaUtils.showParentNextSibling(this)" onblur="XunJiaUtils.hideParentNextSibling(this)"/><s:fielderror cssClass="error_msg" fieldName="phone" /></dd>
					<dd class="alert" id="phoneExample" style="height:30px;display:none;">範例：886 2 26668888</dd>
					<dt>手機<b>*</b>：</dt>
					<dd><input type="text" id="mobile" name="mobile" value="<s:property value='mobile'/>"/><s:fielderror cssClass="error_msg" fieldName="mobile" /></dd>
					<dt>電子郵件<b>*</b>：</dt>
					<dd><input type="text" id="email" name="email" value="<s:property value='email'/>" onfocus="XunJiaUtils.showParentNextSibling(this)" onblur="XunJiaUtils.hideParentNextSibling(this)"/><s:fielderror cssClass="error_msg" fieldName="email" /></dd>
					<dd class="alert01" style="height:40px;display:none">範例：win@yahoo.com.tw<br />
	注意：此郵件地址為您的使用帳號</dd>
	                <dt>確認電子郵件<b>*</b>：</dt>
					<dd><input type="text" id="confirm_email" name="confirm_email" value="<s:property value='confirm_email'/>"/><s:fielderror cssClass="error_msg" fieldName="confirm_email" /></dd>
					<dt>傳真：</dt>
					<dd><input type="text" id="fax" name="fax" value="<s:property value='fax'/>"/><s:fielderror cssClass="error_msg" fieldName="fax" /></dd>
					<dt><input class="ra01"  type="radio" name="type" id="type1" value="1" <s:if test="type == 1">checked="checked"</s:if> />個人戶身份證字號：</dt>
					<dd><input type="text" id="idcard" name="idcard" value="<s:property value='idcard'/>" onfocus="XunJiaUtils.showParentNextSibling(this)" onblur="XunJiaUtils.hideParentNextSibling(this)"/><s:fielderror cssClass="error_msg" fieldName="idcard" /></dd>
					<dd class="alert02" style="height:50px;display:none">請至帳戶管理中心下載『電子發票』。若欲索取發票<br />
	正本或是中獎，紙本發票將會寄送至您的註冊地址<br />
	注意：此郵件地址為您的使用帳號</dd>
	<dt><input class="ra01" type="radio" name="type" id="type2" value="2" <s:if test="type == 2">checked="checked"</s:if> />公司統一編號：</dt>
					<dd><input type="text" name="serialnumber" value="<s:property value='serialnumber'/>" id="serialnumber" onfocus="XunJiaUtils.showParentNextSibling(this)" onblur="XunJiaUtils.hideParentNextSibling(this)"/><s:fielderror cssClass="error_msg" fieldName="serialnumber" /><s:fielderror cssClass="error_msg" fieldName="type" /></dd>
					<dd class="alert02" style="height:50px;display:none">1.會以掛號寄送三聯式發票至您的註冊地址。<br />
	2.本公司不提供更換發票資訊的服務(包含客戶名稱及統一編號)。<br />註冊時請務必確認資訊輸入無誤。
	                </dd>
					<dt>個人/公司戶全名<b>*</b>：</dt>
					<dd><input type="text" id="corporationname" name="corporationname" value="<s:property value='corporationname'/>" onfocus="XunJiaUtils.showParentNextSibling(this)" onblur="XunJiaUtils.hideParentNextSibling(this)"/><s:fielderror cssClass="error_msg" fieldName="corporationname" /></dd>
					<dd class="alert" style="display:none;height:20px;margin-bottom:10px;">個人/公司戶全名是發票抬頭</dd>
	                <dt>縣市<b>*</b>：</dt>
					<dd>
					<select name="city" id="city">
					<option>台北市</option>
					<option>高雄市</option>
					</select>
					</dd>
					<dt>地址<b>*</b>：</dt>
					<dd><input type="text" id="address" name="address" value="<s:property value='address'/>" /><s:fielderror cssClass="error_msg" fieldName="address" /></dd>
				 	<dt>郵政區號<b>*</b>：</dt>
					<dd><input type="text" style="width:80px;" value="<s:property value='zip'/>" id="zip" name="zip" maxlength="6"/><s:fielderror cssClass="error_msg" fieldName="zip" /></dd>
					</dl>
					<div class="next"><input class="nextbtn" value="" type="submit"/></div>
					</div>
				<div class="r_b_bg"><div class="r_b_l"><input type="hidden" name="previous" value="<s:property value="previous"/>" id="previous"/></div><div class="r_b_r"></div></div>
			</div>
		</form>
	</div>
<jsp:include page="/foot.jsp"></jsp:include>
</div>
<script type="text/javascript">
	/**
	 *
	 *	下一页面点击'上一步',取出保存值
	 *
	 *
	 */
	function init() {
		try {
			// 注册类型值(个人,企业)
			var typeVal = CookieUtils.getStringValue('COOKIE_REGISTE_TYPE');
			// 是否选择注册类型
			if (!StringUtils.isEmpty(typeVal)) {
				// 选中
				$("type" + typeVal).checked = true;
			}
			// 将COOKIE_USER_INFO值转换为JSON
			var cookieInfo = CookieUtils.getJSONValue('COOKIE_USER_INFO');
			// 获取企业信息
			var cookieCompanyInfo = CookieUtils.getStringValue('COOKIE_COMPANY_INFO');
			// 获取用户姓氏
			var firstName = StringUtils.getString(cookieInfo.firstName);
			// 用户姓氏是否为空
			if (!StringUtils.isEmpty(firstName)) {
				// 填充用户基本资料
				XunJiaUtils.fillValue("firstname", firstName);
				
				XunJiaUtils.fillValue("lastname", cookieInfo.lastName);

				XunJiaUtils.fillValue("phone", cookieInfo.telphone.replace(/[\+]/gi, " "));

				XunJiaUtils.fillValue("email", cookieInfo.email);

				XunJiaUtils.fillValue("confirm_email", cookieInfo.email);

				XunJiaUtils.fillValue("fax", cookieInfo.faxNum);
				
				XunJiaUtils.fillValue("mobile", cookieInfo.mobilephone);

				XunJiaUtils.fillValue("idcard", cookieInfo.idCard);

				XunJiaUtils.fillValue("city", cookieInfo.city);

				XunJiaUtils.fillValue("address", cookieInfo.address);

				XunJiaUtils.fillValue("zip", cookieInfo.zipCode);
				
				if (StringUtils.isEmpty(cookieCompanyInfo)) {
					
					if (StringUtils.isEmpty($("corporationname").value))
						XunJiaUtils.fillValue("corporationname", cookieInfo.fullName);
				} else {
					// 将COOKIE_COMPANY_INFO值转换为JSON
					var companyInfo = CookieUtils.getJSONValue('COOKIE_COMPANY_INFO');//tempCookieArray[1].evalJSON();
					// 填充公司基本资料
					XunJiaUtils.fillValue("serialnumber", companyInfo.companyNO);
					
					XunJiaUtils.fillValue("corporationname", companyInfo.companyName);
				}
			}
		} catch (e) {
			XunJiaUtils.writeln(e.description);
		}
	}
	init();
	//XunJiaUtils.writeln(cookies);
</script>
</body>
</html>
